html,
body {
    width: 100%;
    height: 100%;
}

* {
    padding: 0;
    margin: 0;
}

.flex {
    display: flex;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
}

.flexAround {
    display: flex;
    justify-content: space-around;
}

.table1 {
    width: 100%;
    margin-top: 20px;

    .thead {
        width: 100%;
        height: 60px;
        line-height: 60px;
        border-bottom: #e5e3e6 solid 2px;
    }
    .tbody{
        width: 100%;
    }




    table {
        width: 100%;
        background-color: white;
        // tr{
        //     border-bottom: #EDF0F6 solid 2px;
        // }

        td {
            height: 40px;
            line-height: 40px;
            font-size: 0.9rem;

            span {
                color: green;
            }
        }

        th {
            height: 60px;
            line-height: 60px;
            border-bottom: #dededf solid 1px;
            font-size: 1rem;
        }

        .thtd:nth-child(1),
        .thtd:nth-child(2),
        .thtd:nth-child(3),
        .thtd:nth-child(4) {
            width: 15%;
        }

        .thtd:nth-child(5) {
            width: 39%;
        }

        .operate {
            width: 100%;
            height: 40px;
            line-height: 40px;
            margin-top: 15px;
            display: flex;
            justify-content: space-around;
            background-color: #F8F8F8;

            .TBbtn {
                width: 50px;
                height: 26px;
                line-height: 26px;
                margin-top: 7px;
                background-color: white;
                border: #bfbac4 solid 1px;
                border-radius: 5px;
            }

            .TBbtn:hover {
                cursor: pointer;
                color: #22AB82;
                border: 1px solid #22AB82;
                background-color: #E9F7F3;
            }
        }

    }
}